{% extends "base.html" %}

{% block bodytitle %}
<body id="shots" class="logged-out not-pro not-self">
{% endblock %}


{% block main %}
<div class="ajax notice hide">
    <h2></h2>
</div>


<div id="wrap"><div id="wrap-inner">

        <div id="content" class="group">

            <div class="notice-alert">
                <h3><!-- message goes here --></h3>
                <a href="#" class="close">
                    <img alt="Icon-x-30-white" src="/static/images/icon-x-30-white.png" width="15">
                </a>
            </div>


            {% block album %}
            <div id="main" class="main-full">

                {% if not request.user.is_authenticated %}
                <div class="full full-pitch group">
                    <h1 class="compact">
                        <strong>你,不是一个人在战斗</strong>
                        这里都是您周围的好邻居,爱生活,爱好邻居[ihaolinju]
                        <a href="http://dribbble.com/signup" class="form-sub tagline-action">注册好邻居</a>
                    </h1>
                </div>
                {% endif %}

                <ul class="tabs">
                    <li class="active">
                    <a href="#">全部</a>
                    </li>
                    <li class="">
                    <a href="#">风景</a>
                    </li>
                    <li class="">
                    <a href="#">人文</a>
                    </li>
                    <li class="">
                    <a href="#">活动</a>
                    </li>
                </ul>

                <ol class="dribbbles group">
                    <li id="screenshot-1182517" class="group ">
                    <div class="dribbble">
                        <div class="dribbble-shot">
                            <div class="dribbble-img">
                                <a href="http://dribbble.com/shots/1182517-Adventurous-Reader" class="dribbble-link"><div data-picture="" data-alt="Adventurous Reader">
                                        <div data-src="//dribbble.s3.amazonaws.com/users/59138/screenshots/1182517/adventurous_reader_teaser.png"></div>
                                        <div data-src="//dribbble.s3.amazonaws.com/users/59138/screenshots/1182517/adventurous_reader_1x.png" data-media="(-webkit-min-device-pixel-ratio: 1.5),
                                            (min--moz-device-pixel-ratio: 1.5),
                                            (-o-min-device-pixel-ratio: 3/2),
                                            (min-device-pixel-ratio: 1.5),
                                            (min-resolution: 1.5dppx)"></div>
                                        <noscript>
                                            <img alt="Adventurous Reader" src="//dribbble.s3.amazonaws.com/users/59138/screenshots/1182517/adventurous_reader_teaser.png" />
                                        </noscript>
                                        <img src="/static/images/adventurous_reader_teaser.png" alt="Adventurous Reader"></div></a>
                                <a href="http://dribbble.com/shots/1182517-Adventurous-Reader" class="dribbble-over">		<strong>Adventurous Reader</strong>
                                    <span class="comment">Details details and details</span>

                                    <em class="timestamp">August 04, 2013</em>
                            </a></div>
                            <ul style="visibility: visible;" class="tools group">
                                <li class="fav">
                                <a href="http://dribbble.com/shots/1182517-Adventurous-Reader/fans" title="See fans of this screenshot">75</a>
                                </li>
                                <li class="cmnt">
                                <a href="http://dribbble.com/shots/1182517-Adventurous-Reader#comments" title="View comments on this screenshot">2</a>
                                </li>
                                <li class="views">1758</li>
                            </ul>

                        </div>
                        <div class="extras">
                            <a href="http://dribbble.com/shots/1182517-Adventurous-Reader/rebounds">
                                <span original-title="This shot has rebounds." rel="tipsy" class="rebound-mark has-rebounds">
                                    0
                                </span>
                                </a>			<a href="http://dribbble.com/colors/000000">
                                <span original-title="This shot is a rebound (reply) of another shot. The icon links to the original." rel="tipsy" class="rebound-mark is-rebound">
                                    <img alt="Rebound" src="/static/images/icon-rebound-2x.png" height="16" width="16">
                                </span>
                                </a>			<span original-title="This shot has attachments" rel="tipsy" class="attachments-mark">
                                <img alt="Attachments" src="/static/images/icon-attach-16-2x.png" height="16" width="16">
                            </span>
                        </div>
                    </div>

                    <h2>
                        <span class="attribution-user">
                            <a href="http://dribbble.com/claudioguglieri" class="url" rel="contact" title="Claudio Guglieri"><img alt="Claudio Guglieri" class="photo" src="/static/images/bananano.png"> Claudio Guglieri</a>
                            <a href="http://dribbble.com/account/pro" class="badge-link">
                                <span class="badge badge-pro">Pro</span>
                            </a>
                        </span>
                    </h2>
                    </li>
                    <li id="screenshot-1182623" class="group ">
                    <div class="dribbble">
                        <div class="dribbble-shot">
                            <div class="dribbble-img">
                                <a href="http://dribbble.com/shots/1182623-Explore-screen-photo-sharing-app" class="dribbble-link"><div data-picture="" data-alt="Explore screen - photo sharing app">
                                        <div data-src="//dribbble.s3.amazonaws.com/users/245921/screenshots/1182623/discover_teaser.jpg"></div>
                                        <div data-src="//dribbble.s3.amazonaws.com/users/245921/screenshots/1182623/discover_1x.jpg" data-media="(-webkit-min-device-pixel-ratio: 1.5),
                                            (min--moz-device-pixel-ratio: 1.5),
                                            (-o-min-device-pixel-ratio: 3/2),
                                            (min-device-pixel-ratio: 1.5),
                                            (min-resolution: 1.5dppx)"></div>
                                        <noscript>
                                            <img alt="Explore screen - photo sharing app" src="//dribbble.s3.amazonaws.com/users/245921/screenshots/1182623/discover_teaser.jpg" />
                                        </noscript>
                                        <img src="/static/images/discover_teaser.jpg" alt="Explore screen - photo sharing app"></div></a>
                                <a href="http://dribbble.com/shots/1182623-Explore-screen-photo-sharing-app" class="dribbble-over">		<strong>Explore screen - photo...</strong>
                                    <span class="comment">Week unplugged tomorrow so I thought I would share one last shot before I go!

                                        Explore screen for the recent photo sharing app that is coming to a close. Tri...</span>

                                    <em class="timestamp">August 04, 2013</em>
                            </a></div>
                            <ul style="visibility: visible;" class="tools group">
                                <li class="fav">
                                <a href="http://dribbble.com/shots/1182623-Explore-screen-photo-sharing-app/fans" title="See fans of this screenshot">67</a>
                                </li>
                                <li class="cmnt">
                                <a href="http://dribbble.com/shots/1182623-Explore-screen-photo-sharing-app#comments" title="View comments on this screenshot">1</a>
                                </li>
                                <li class="views">1513</li>
                            </ul>

                        </div>
                        <div class="extras">
                            <a href="http://dribbble.com/shots/1182623-Explore-screen-photo-sharing-app/rebounds">
                                <span original-title="This shot has rebounds." rel="tipsy" class="rebound-mark has-rebounds">
                                    0
                                </span>
                                </a>			<a href="http://dribbble.com/projects">
                                <span original-title="This shot is a rebound (reply) of another shot. The icon links to the original." rel="tipsy" class="rebound-mark is-rebound">
                                    <img alt="Rebound" src="/static/images/icon-rebound-2x.png" height="16" width="16">
                                </span>
                                </a>			<span original-title="This shot has attachments" style="display: inline;" rel="tipsy" class="attachments-mark">
                                <img alt="Attachments" src="/static/images/icon-attach-16-2x.png" height="16" width="16">
                            </span>
                        </div>
                    </div>

                    <h2>
                        <span class="attribution-user">
                            <a href="http://dribbble.com/bendunn" class="url" rel="contact" title="Ben Dunn"><img alt="Ben Dunn" class="photo" src="/static/images/propic.jpg"> Ben Dunn</a>
                            <a href="http://dribbble.com/account/pro" class="badge-link">
                                <span class="badge badge-pro">Pro</span>
                            </a>
                        </span>
                    </h2>
                    </li>
                    <li id="screenshot-1182388" class="group ">
                    <div class="dribbble">
                        <div class="dribbble-shot">
                            <div class="dribbble-img">
                                <a href="http://dribbble.com/shots/1182388-The-Workspace" class="dribbble-link"><div data-picture="" data-alt="The Workspace">
                                        <div data-src="//dribbble.s3.amazonaws.com/users/4754/screenshots/1182388/workspace_teaser.jpg"></div>
                                        <div data-src="//dribbble.s3.amazonaws.com/users/4754/screenshots/1182388/workspace_1x.jpg" data-media="(-webkit-min-device-pixel-ratio: 1.5),
                                            (min--moz-device-pixel-ratio: 1.5),
                                            (-o-min-device-pixel-ratio: 3/2),
                                            (min-device-pixel-ratio: 1.5),
                                            (min-resolution: 1.5dppx)"></div>
                                        <noscript>
                                            <img alt="The Workspace" src="//dribbble.s3.amazonaws.com/users/4754/screenshots/1182388/workspace_teaser.jpg" />
                                        </noscript>
                                        <img src="/static/images/workspace_teaser.jpg" alt="The Workspace"></div></a>
                                <a style="opacity: 0;" href="http://dribbble.com/shots/1182388-The-Workspace" class="dribbble-over">		<strong>The Workspace</strong>
                                    <span class="comment">I don't think I've ever posted a shot of my 
                                        workspace on dribbble, so here goes! I'm finalizing some video edits for
                                        my class on digitizing hand lettering th...</span>

                                    <em class="timestamp">August 03, 2013</em>
                            </a></div>
                            <ul style="visibility: visible;" class="tools group">
                                <li class="fav">
                                <a href="http://dribbble.com/shots/1182388-The-Workspace/fans" title="See fans of this screenshot">288</a>
                                </li>
                                <li class="cmnt">
                                <a href="http://dribbble.com/shots/1182388-The-Workspace#comments" title="View comments on this screenshot">21</a>
                                </li>
                                <li class="views">5146</li>
                            </ul>

                        </div>
                        <div class="extras">
                            <a href="http://dribbble.com/shots/1182388-The-Workspace/rebounds">
                                <span original-title="This shot has rebounds." rel="tipsy" class="rebound-mark has-rebounds">
                                    0
                                </span>
                                </a>			<a href="http://dribbble.com/">
                                <span original-title="This shot is a rebound (reply) of another shot. The icon links to the original." rel="tipsy" class="rebound-mark is-rebound">
                                    <img alt="Rebound" src="/static/images/icon-rebound-2x.png" height="16" width="16">
                                </span>
                                </a>			<span original-title="This shot has attachments" rel="tipsy" class="attachments-mark">
                                <img alt="Attachments" src="/static/images/icon-attach-16-2x.png" height="16" width="16">
                            </span>
                        </div>
                    </div>

                    <h2>
                        <span class="attribution-user">
                            <a href="http://dribbble.com/seanwes" class="url" rel="contact" title="Sean McCabe"><img alt="Sean McCabe" class="photo" src="/static/images/seanwes-avatar-2013-300.jpg"> Sean McCabe</a>
                            <a href="http://dribbble.com/account/pro" class="badge-link">
                                <span class="badge badge-pro">Pro</span>
                            </a>
                        </span>
                    </h2>
                    </li>
                    <li id="screenshot-1182957" class="group ">
                    <div class="dribbble">
                        <div class="dribbble-shot">
                            <div class="dribbble-img">
                                <a href="http://dribbble.com/shots/1182957-Got-Apps" class="dribbble-link"><div data-picture="" data-alt="Got Apps?">
                                        <div data-src="//dribbble.s3.amazonaws.com/users/6037/screenshots/1182957/got_teaser.jpg"></div>
                                        <div data-src="//dribbble.s3.amazonaws.com/users/6037/screenshots/1182957/got.jpg" data-media="(-webkit-min-device-pixel-ratio: 1.5),
                                            (min--moz-device-pixel-ratio: 1.5),
                                            (-o-min-device-pixel-ratio: 3/2),
                                            (min-device-pixel-ratio: 1.5),
                                            (min-resolution: 1.5dppx)"></div>
                                        <noscript>
                                            <img alt="Got Apps?" src="//dribbble.s3.amazonaws.com/users/6037/screenshots/1182957/got_teaser.jpg" />
                                        </noscript>
                                        <img src="/static/images/got_teaser.jpg" alt="Got Apps?"></div></a>
                                <a href="http://dribbble.com/shots/1182957-Got-Apps" class="dribbble-over">		<strong>Got Apps?</strong>
                                    <span class="comment">Lettering for a promo t-shirt for http://www.appcurl.com</span>

                                    <em class="timestamp">August 04, 2013</em>
                            </a></div>
                            <ul style="visibility: visible;" class="tools group">
                                <li class="fav">
                                <a href="http://dribbble.com/shots/1182957-Got-Apps/fans" title="See fans of this screenshot">51</a>
                                </li>
                                <li class="cmnt">
                                <a href="http://dribbble.com/shots/1182957-Got-Apps#comments" title="View comments on this screenshot">10</a>
                                </li>
                                <li class="views">427</li>
                            </ul>

                        </div>
                        <div class="extras">
                            <a href="http://dribbble.com/shots/1182957-Got-Apps/rebounds">
                                <span original-title="This shot has rebounds." rel="tipsy" class="rebound-mark has-rebounds">
                                    0
                                </span>
                                </a>			<a href="http://dribbble.com/">
                                <span original-title="This shot is a rebound (reply) of another shot. The icon links to the original." rel="tipsy" class="rebound-mark is-rebound">
                                    <img alt="Rebound" src="/static/images/icon-rebound-2x.png" height="16" width="16">
                                </span>
                                </a>			<span original-title="This shot has attachments" rel="tipsy" class="attachments-mark">
                                <img alt="Attachments" src="/static/images/icon-attach-16-2x.png" height="16" width="16">
                            </span>
                        </div>
                    </div>

                    <h2>
                        <span class="attribution-user">
                            <a href="http://dribbble.com/sergeyshapiro" class="url" rel="contact" title="Sergey Shapiro"><img alt="Sergey Shapiro" class="photo" src="/static/images/Sh.jpg"> Sergey Shapiro</a>
                            <a href="http://dribbble.com/account/pro" class="badge-link">
                                <span class="badge badge-pro">Pro</span>
                            </a>
                        </span>
                    </h2>
                    </li>
                    <li id="screenshot-1182899" class="group ">
                    <div class="dribbble">
                        <div class="dribbble-shot">
                            <div class="dribbble-img">
                                <a href="http://dribbble.com/shots/1182899-Skulpt" class="dribbble-link"><div data-picture="" data-alt="Skulpt ">
                                        <div data-src="//dribbble.s3.amazonaws.com/users/7447/screenshots/1182899/skulpt_02_teaser.png"></div>
                                        <div data-src="//dribbble.s3.amazonaws.com/users/7447/screenshots/1182899/skulpt_02.png" data-media="(-webkit-min-device-pixel-ratio: 1.5),
                                            (min--moz-device-pixel-ratio: 1.5),
                                            (-o-min-device-pixel-ratio: 3/2),
                                            (min-device-pixel-ratio: 1.5),
                                            (min-resolution: 1.5dppx)"></div>
                                        <noscript>
                                            <img alt="Skulpt " src="//dribbble.s3.amazonaws.com/users/7447/screenshots/1182899/skulpt_02_teaser.png" />
                                        </noscript>
                                        <img src="/static/images/skulpt_02_teaser.png" alt="Skulpt "></div></a>
                                <a href="http://dribbble.com/shots/1182899-Skulpt" class="dribbble-over">		<strong>Skulpt </strong>
                                    <span class="comment">Potential 2nd Proposal for skulpt which is a 
                                        completely new way to measure and form your body. The mark is inspired 
                                        by the controls and functionality from th...</span>

                                    <em class="timestamp">August 04, 2013</em>
                            </a></div>
                            <ul style="visibility: visible;" class="tools group">
                                <li class="fav">
                                <a href="http://dribbble.com/shots/1182899-Skulpt/fans" title="See fans of this screenshot">45</a>
                                </li>
                                <li class="cmnt">
                                <a href="http://dribbble.com/shots/1182899-Skulpt#comments" title="View comments on this screenshot">7</a>
                                </li>
                                <li class="views">426</li>
                            </ul>

                        </div>
                        <div class="extras">
                            <a href="http://dribbble.com/shots/1182899-Skulpt/rebounds">
                                <span original-title="This shot has rebounds." rel="tipsy" class="rebound-mark has-rebounds">
                                    0
                                </span>
                                </a>			<a style="display: inline;" href="http://dribbble.com/shots/1176041-Skulpt-Colorscheme">
                                <span original-title="This shot is a rebound (reply) of another shot. The icon links to the original." rel="tipsy" class="rebound-mark is-rebound">
                                    <img alt="Rebound" src="/static/images/icon-rebound-2x.png" height="16" width="16">
                                </span>
                                </a>			<span original-title="This shot has attachments" rel="tipsy" class="attachments-mark">
                                <img alt="Attachments" src="/static/images/icon-attach-16-2x.png" height="16" width="16">
                            </span>
                        </div>
                    </div>

                    <h2>
                        <span class="attribution-user">
                            <a href="http://dribbble.com/AlexWende" class="url" rel="contact" title="Alexander Wende"><img alt="Alexander Wende" class="photo" src="/static/images/AlexWende_4.gif"> Alexander Wende</a>
                            <a href="http://dribbble.com/account/pro" class="badge-link">
                                <span class="badge badge-pro">Pro</span>
                            </a>
                        </span>
                    </h2>
                    </li>
                    <li id="screenshot-1182881" class="group ">
                    <div class="dribbble">
                        <div class="dribbble-shot">
                            <div class="dribbble-img">
                                <a href="http://dribbble.com/shots/1182881-iPad" class="dribbble-link"><div data-picture="" data-alt="iPad">
                                        <div data-src="//dribbble.s3.amazonaws.com/users/6921/screenshots/1182881/breezi_placeit_teaser.png"></div>
                                        <div data-src="//dribbble.s3.amazonaws.com/users/6921/screenshots/1182881/breezi_placeit_1x.png" data-media="(-webkit-min-device-pixel-ratio: 1.5),
                                            (min--moz-device-pixel-ratio: 1.5),
                                            (-o-min-device-pixel-ratio: 3/2),
                                            (min-device-pixel-ratio: 1.5),
                                            (min-resolution: 1.5dppx)"></div>
                                        <noscript>
                                            <img alt="iPad" src="//dribbble.s3.amazonaws.com/users/6921/screenshots/1182881/breezi_placeit_teaser.png" />
                                        </noscript>
                                        <img src="/static/images/breezi_placeit_teaser.png" alt="iPad"></div></a>
                                <a href="http://dribbble.com/shots/1182881-iPad" class="dribbble-over">		<strong>iPad</strong>

                                    <em class="timestamp">August 04, 2013</em>
                            </a></div>
                            <ul style="visibility: visible;" class="tools group">
                                <li class="fav">
                                <a href="http://dribbble.com/shots/1182881-iPad/fans" title="See fans of this screenshot">50</a>
                                </li>
                                <li class="cmnt">
                                <a href="http://dribbble.com/shots/1182881-iPad#comments" title="View comments on this screenshot">1</a>
                                </li>
                                <li class="views">895</li>
                            </ul>

                        </div>
                        <div class="extras">
                            <a href="http://dribbble.com/shots/1182881-iPad/rebounds">
                                <span original-title="This shot has rebounds." rel="tipsy" class="rebound-mark has-rebounds">
                                    0
                                </span>
                                </a>			<a href="http://dribbble.com/">
                                <span original-title="This shot is a rebound (reply) of another shot. The icon links to the original." rel="tipsy" class="rebound-mark is-rebound">
                                    <img alt="Rebound" src="/static/images/icon-rebound-2x.png" height="16" width="16">
                                </span>
                                </a>			<span original-title="This shot has attachments" rel="tipsy" class="attachments-mark">
                                <img alt="Attachments" src="/static/images/icon-attach-16-2x.png" height="16" width="16">
                            </span>
                        </div>
                    </div>

                    <h2>
                        <span class="attribution-user">
                            <a href="http://dribbble.com/_jannalynn" class="url" rel="contact" title="Janna Hagan"><img alt="Janna Hagan" class="photo" src="/static/images/avatar1.png"> Janna Hagan</a>

                        </span>
                    </h2>
                    </li>
                    <li id="screenshot-1182999" class="group ">
                    <div class="dribbble">
                        <div class="dribbble-shot">
                            <div class="dribbble-img">
                                <a href="http://dribbble.com/shots/1182999-Camera-My-Roots-Part-4" class="dribbble-link"><div data-picture="" data-alt="Camera - My Roots Part 4">
                                        <div data-src="//dribbble.s3.amazonaws.com/users/254554/screenshots/1182999/myroots4_teaser.jpg"></div>
                                        <div data-src="//dribbble.s3.amazonaws.com/users/254554/screenshots/1182999/myroots4_1x.jpg" data-media="(-webkit-min-device-pixel-ratio: 1.5),
                                            (min--moz-device-pixel-ratio: 1.5),
                                            (-o-min-device-pixel-ratio: 3/2),
                                            (min-device-pixel-ratio: 1.5),
                                            (min-resolution: 1.5dppx)"></div>
                                        <noscript>
                                            <img alt="Camera - My Roots Part 4" src="//dribbble.s3.amazonaws.com/users/254554/screenshots/1182999/myroots4_teaser.jpg" />
                                        </noscript>
                                        <img src="/static/images/myroots4_teaser.jpg" alt="Camera - My Roots Part 4"></div></a>
                                <a href="http://dribbble.com/shots/1182999-Camera-My-Roots-Part-4" class="dribbble-over">		<strong>Camera - My Roots Part 4</strong>
                                    <span class="comment">Another vector illustration of my series - a bit
                                        different in some ways - but I like it that way. Have a great start 
                                        into the new week.</span>

                                    <em class="timestamp">August 04, 2013</em>
                            </a></div>
                            <ul style="visibility: visible;" class="tools group">
                                <li class="fav">
                                <a href="http://dribbble.com/shots/1182999-Camera-My-Roots-Part-4/fans" title="See fans of this screenshot">42</a>
                                </li>
                                <li class="cmnt">
                                <a href="http://dribbble.com/shots/1182999-Camera-My-Roots-Part-4#comments" title="View comments on this screenshot">7</a>
                                </li>
                                <li class="views">338</li>
                            </ul>

                        </div>
                        <div class="extras">
                            <a href="http://dribbble.com/shots/1182999-Camera-My-Roots-Part-4/rebounds">
                                <span original-title="This shot has rebounds." rel="tipsy" class="rebound-mark has-rebounds">
                                    0
                                </span>
                                </a>			<a style="display: inline;" href="http://dribbble.com/shots/1180158-Camera-MyRoots">
                                <span original-title="This shot is a rebound (reply) of another shot. The icon links to the original." rel="tipsy" class="rebound-mark is-rebound">
                                    <img alt="Rebound" src="/static/images/icon-rebound-2x.png" height="16" width="16">
                                </span>
                                </a>			<span original-title="This shot has attachments" rel="tipsy" class="attachments-mark">
                                <img alt="Attachments" src="/static/images/icon-attach-16-2x.png" height="16" width="16">
                            </span>
                        </div>
                    </div>

                    <h2>
                        <span class="attribution-user">
                            <a href="http://dribbble.com/AxelHerrmann" class="url" rel="contact" title="Axel Herrmann"><img alt="Axel Herrmann" class="photo" src="/static/images/07bb2ca9be55eebc30510f539a664412.jpg"> Axel Herrmann</a>
                            <a href="http://dribbble.com/account/pro" class="badge-link">
                                <span class="badge badge-pro">Pro</span>
                            </a>
                        </span>
                    </h2>
                    </li>
                    <li id="screenshot-1183093" class="group ">
                    <div class="dribbble">
                        <div class="dribbble-shot">
                            <div class="dribbble-img">
                                <a href="http://dribbble.com/shots/1183093-Pete-Holmes" class="dribbble-link"><div data-picture="" data-alt="Pete Holmes">
                                        <div data-src="//dribbble.s3.amazonaws.com/users/24637/screenshots/1183093/pete_holmes_teaser.jpg"></div>
                                        <div data-src="//dribbble.s3.amazonaws.com/users/24637/screenshots/1183093/pete_holmes_1x.jpg" data-media="(-webkit-min-device-pixel-ratio: 1.5),
                                            (min--moz-device-pixel-ratio: 1.5),
                                            (-o-min-device-pixel-ratio: 3/2),
                                            (min-device-pixel-ratio: 1.5),
                                            (min-resolution: 1.5dppx)"></div>
                                        <noscript>
                                            <img alt="Pete Holmes" src="//dribbble.s3.amazonaws.com/users/24637/screenshots/1183093/pete_holmes_teaser.jpg" />
                                        </noscript>
                                        <img src="/static/images/pete_holmes_teaser.jpg" alt="Pete Holmes"></div></a>
                                <a href="http://dribbble.com/shots/1183093-Pete-Holmes" class="dribbble-over">		<strong>Pete Holmes</strong>
                                    <span class="comment">3 color printed this weekend. 18x24.

                                        The gold was a real pain in the ass to print(and photograph).</span>

                                    <em class="timestamp">August 04, 2013</em>
                            </a></div>
                            <ul style="visibility: visible;" class="tools group">
                                <li class="fav">
                                <a href="http://dribbble.com/shots/1183093-Pete-Holmes/fans" title="See fans of this screenshot">35</a>
                                </li>
                                <li class="cmnt">
                                <a href="http://dribbble.com/shots/1183093-Pete-Holmes#comments" title="View comments on this screenshot">4</a>
                                </li>
                                <li class="views">244</li>
                            </ul>

                        </div>
                        <div class="extras">
                            <a href="http://dribbble.com/shots/1183093-Pete-Holmes/rebounds">
                                <span original-title="This shot has rebounds." rel="tipsy" class="rebound-mark has-rebounds">
                                    0
                                </span>
                                </a>			<a style="display: inline;" href="http://dribbble.com/shots/1172027-You-can-bowl-a-cat">
                                <span original-title="This shot is a rebound (reply) of another shot. The icon links to the original." rel="tipsy" class="rebound-mark is-rebound">
                                    <img alt="Rebound" src="/static/images/icon-rebound-2x.png" height="16" width="16">
                                </span>
                                </a>			<span original-title="This shot has attachments" rel="tipsy" class="attachments-mark">
                                <img alt="Attachments" src="/static/images/icon-attach-16-2x.png" height="16" width="16">
                            </span>
                        </div>
                    </div>

                    <h2>
                        <span class="attribution-user">
                            <a href="http://dribbble.com/aaron-eiland" class="url" rel="contact" title="Aaron Eiland"><img alt="Aaron Eiland" class="photo" src="/static/images/6900a00d3c45629dc0ff80453afe6886_bigger.jpg"> Aaron Eiland</a>
                            <a href="http://dribbble.com/account/pro" class="badge-link">
                                <span class="badge badge-pro">Pro</span>
                            </a>
                        </span>
                    </h2>
                    </li>
                    <li id="screenshot-1182555" class="group ">
                    <div class="dribbble">
                        <div class="dribbble-shot">
                            <div class="dribbble-img">
                                <a href="http://dribbble.com/shots/1182555-Icons-for-new-portfolio" class="dribbble-link"><div data-picture="" data-alt="Icons for new portfolio ">
                                        <div data-src="//dribbble.s3.amazonaws.com/users/132433/screenshots/1182555/icons_teaser.png"></div>
                                        <div data-src="//dribbble.s3.amazonaws.com/users/132433/screenshots/1182555/icons_1x.png" data-media="(-webkit-min-device-pixel-ratio: 1.5),
                                            (min--moz-device-pixel-ratio: 1.5),
                                            (-o-min-device-pixel-ratio: 3/2),
                                            (min-device-pixel-ratio: 1.5),
                                            (min-resolution: 1.5dppx)"></div>
                                        <noscript>
                                            <img alt="Icons for new portfolio " src="//dribbble.s3.amazonaws.com/users/132433/screenshots/1182555/icons_teaser.png" />
                                        </noscript>
                                        <img src="/static/images/icons_teaser.png" alt="Icons for new portfolio "></div></a>
                                <a href="http://dribbble.com/shots/1182555-Icons-for-new-portfolio" class="dribbble-over">		<strong>Icons for new portfolio </strong>
                                    <span class="comment">1) ID/DTP
                                        2) WEB
                                        3) MOBILE

                                        Check 2@x.</span>

                                    <em class="timestamp">August 04, 2013</em>
                            </a></div>
                            <ul style="visibility: visible;" class="tools group">
                                <li class="fav">
                                <a href="http://dribbble.com/shots/1182555-Icons-for-new-portfolio/fans" title="See fans of this screenshot">46</a>
                                </li>
                                <li class="cmnt">
                                <a href="http://dribbble.com/shots/1182555-Icons-for-new-portfolio#comments" title="View comments on this screenshot">6</a>
                                </li>
                                <li class="views">510</li>
                            </ul>

                        </div>
                        <div class="extras">
                            <a href="http://dribbble.com/shots/1182555-Icons-for-new-portfolio/rebounds">
                                <span original-title="This shot has rebounds." rel="tipsy" class="rebound-mark has-rebounds">
                                    0
                                </span>
                                </a>			<a href="http://dribbble.com/shots/popular">
                                <span original-title="This shot is a rebound (reply) of another shot. The icon links to the original." rel="tipsy" class="rebound-mark is-rebound">
                                    <img alt="Rebound" src="/static/images/icon-rebound-2x.png" height="16" width="16">
                                </span>
                                </a>			<span original-title="This shot has attachments" rel="tipsy" class="attachments-mark">
                                <img alt="Attachments" src="/static/images/icon-attach-16-2x.png" height="16" width="16">
                            </span>
                        </div>
                    </div>

                    <h2>
                        <span class="attribution-user">
                            <a href="http://dribbble.com/tomaszloska" class="url" rel="contact" title="Tomasz Loska"><img alt="Tomasz Loska" class="photo" src="/static/images/h.jpg"> Tomasz Loska</a>

                        </span>
                    </h2>
                    </li>
                    <li id="screenshot-1182806" class="group ">
                    <div class="dribbble">
                        <div class="dribbble-shot">
                            <div class="dribbble-img">
                                <a href="http://dribbble.com/shots/1182806-Dandelion" class="dribbble-link"><div data-picture="" data-alt="Dandelion">
                                        <div data-src="//dribbble.s3.amazonaws.com/users/81899/screenshots/1182806/untitled-1_teaser.png"></div>
                                        <div data-src="//dribbble.s3.amazonaws.com/users/81899/screenshots/1182806/untitled-1_1x.png" data-media="(-webkit-min-device-pixel-ratio: 1.5),
                                            (min--moz-device-pixel-ratio: 1.5),
                                            (-o-min-device-pixel-ratio: 3/2),
                                            (min-device-pixel-ratio: 1.5),
                                            (min-resolution: 1.5dppx)"></div>
                                        <noscript>
                                            <img alt="Dandelion" src="//dribbble.s3.amazonaws.com/users/81899/screenshots/1182806/untitled-1_teaser.png" />
                                        </noscript>
                                        <img src="/static/images/untitled-1_teaser.png" alt="Dandelion"></div></a>
                                <a href="http://dribbble.com/shots/1182806-Dandelion" class="dribbble-over">		<strong>Dandelion</strong>

                                    <em class="timestamp">August 04, 2013</em>
                            </a></div>
                            <ul style="visibility: visible;" class="tools group">
                                <li class="fav">
                                <a href="http://dribbble.com/shots/1182806-Dandelion/fans" title="See fans of this screenshot">41</a>
                                </li>
                                <li class="cmnt">
                                <a href="http://dribbble.com/shots/1182806-Dandelion#comments" title="View comments on this screenshot">1</a>
                                </li>
                                <li class="views">318</li>
                            </ul>

                        </div>
                        <div class="extras">
                            <a href="http://dribbble.com/shots/1182806-Dandelion/rebounds">
                                <span original-title="This shot has rebounds." rel="tipsy" class="rebound-mark has-rebounds">
                                    0
                                </span>
                                </a>			<a href="http://dribbble.com/">
                                <span original-title="This shot is a rebound (reply) of another shot. The icon links to the original." rel="tipsy" class="rebound-mark is-rebound">
                                    <img alt="Rebound" src="/static/images/icon-rebound-2x.png" height="16" width="16">
                                </span>
                                </a>			<span original-title="This shot has attachments" rel="tipsy" class="attachments-mark">
                                <img alt="Attachments" src="/static/images/icon-attach-16-2x.png" height="16" width="16">
                            </span>
                        </div>
                    </div>

                    <h2>
                        <span class="attribution-user">
                            <a href="http://dribbble.com/isc" class="url" rel="contact" title="Isaac Grant™"><img alt="Isaac Grant™" class="photo" src="/static/images/160.png"> Isaac Grant™</a>
                            <a href="http://dribbble.com/account/pro" class="badge-link">
                                <span class="badge badge-pro">Pro</span>
                            </a>
                        </span>
                    </h2>
                    </li>
                    <li id="screenshot-1182670" class="group ">
                    <div class="dribbble">
                        <div class="dribbble-shot">
                            <div class="dribbble-img">
                                <a href="http://dribbble.com/shots/1182670-Mail-App" class="dribbble-link"><div data-picture="" data-alt="Mail App">
                                        <div data-src="//dribbble.s3.amazonaws.com/users/49067/screenshots/1182670/inbox2_teaser.jpg"></div>
                                        <div data-src="//dribbble.s3.amazonaws.com/users/49067/screenshots/1182670/inbox2_1x.jpg" data-media="(-webkit-min-device-pixel-ratio: 1.5),
                                            (min--moz-device-pixel-ratio: 1.5),
                                            (-o-min-device-pixel-ratio: 3/2),
                                            (min-device-pixel-ratio: 1.5),
                                            (min-resolution: 1.5dppx)"></div>
                                        <noscript>
                                            <img alt="Mail App" src="//dribbble.s3.amazonaws.com/users/49067/screenshots/1182670/inbox2_teaser.jpg" />
                                        </noscript>
                                        <img src="/static/images/inbox2_teaser.jpg" alt="Mail App"></div></a>
                                <a style="opacity: 0;" href="http://dribbble.com/shots/1182670-Mail-App" class="dribbble-over">		<strong>Mail App</strong>
                                    <span class="comment">WIP. Comments are welcomed! 
                                        Real pixels attached.</span>

                                    <em class="timestamp">August 04, 2013</em>
                            </a></div>
                            <ul style="visibility: visible;" class="tools group">
                                <li class="fav">
                                <a href="http://dribbble.com/shots/1182670-Mail-App/fans" title="See fans of this screenshot">59</a>
                                </li>
                                <li class="cmnt">
                                <a href="http://dribbble.com/shots/1182670-Mail-App#comments" title="View comments on this screenshot">5</a>
                                </li>
                                <li class="views">953</li>
                            </ul>

                        </div>
                        <div class="extras">
                            <a href="http://dribbble.com/shots/1182670-Mail-App/rebounds">
                                <span original-title="This shot has rebounds." rel="tipsy" class="rebound-mark has-rebounds">
                                    0
                                </span>
                                </a>			<a href="http://dribbble.com/">
                                <span original-title="This shot is a rebound (reply) of another shot. The icon links to the original." rel="tipsy" class="rebound-mark is-rebound">
                                    <img alt="Rebound" src="/static/images/icon-rebound-2x.png" height="16" width="16">
                                </span>
                                </a>			<span original-title="This shot has attachments" style="display: inline;" rel="tipsy" class="attachments-mark">
                                <img alt="Attachments" src="/static/images/icon-attach-16-2x.png" height="16" width="16">
                            </span>
                        </div>
                    </div>

                    <h2>
                        <span class="attribution-user">
                            <a href="http://dribbble.com/jeriahlau" class="url" rel="contact" title="Jeriah Lau"><img alt="Jeriah Lau" class="photo" src="/static/images/JL3.jpg"> Jeriah Lau</a>
                            <a href="http://dribbble.com/account/pro" class="badge-link">
                                <span class="badge badge-pro">Pro</span>
                            </a>
                        </span>
                    </h2>
                    </li>
                    <li id="screenshot-1182699" class="group ">
                    <div class="dribbble">
                        <div class="dribbble-shot">
                            <div class="dribbble-img">
                                <a href="http://dribbble.com/shots/1182699-LYNX-THE-ORIGNALS" class="dribbble-link"><div data-picture="" data-alt="LYNX ' THE ORIGNALS'">
                                        <div data-src="//dribbble.s3.amazonaws.com/users/43342/screenshots/1182699/studiojq2013_lynx2_teaser.jpg"></div>
                                        <div data-src="//dribbble.s3.amazonaws.com/users/43342/screenshots/1182699/studiojq2013_lynx2_1x.jpg" data-media="(-webkit-min-device-pixel-ratio: 1.5),
                                            (min--moz-device-pixel-ratio: 1.5),
                                            (-o-min-device-pixel-ratio: 3/2),
                                            (min-device-pixel-ratio: 1.5),
                                            (min-resolution: 1.5dppx)"></div>
                                        <noscript>
                                            <img alt="LYNX &#x27; THE ORIGNALS&#x27;" src="//dribbble.s3.amazonaws.com/users/43342/screenshots/1182699/studiojq2013_lynx2_teaser.jpg" />
                                        </noscript>
                                        <img src="/static/images/studiojq2013_lynx2_teaser.jpg" alt="LYNX ' THE ORIGNALS'"></div></a>
                                <a href="http://dribbble.com/shots/1182699-LYNX-THE-ORIGNALS" class="dribbble-over">		<strong>LYNX ' THE ORIGNALS'</strong>
                                    <span class="comment">A fun self-initiated project to develop my illustration skills. A few 'tweaks' to the can but you get the idea.

                                        Was surfing the net and came across the old ...</span>

                                    <em class="timestamp">August 04, 2013</em>
                            </a></div>
                            <ul style="visibility: visible;" class="tools group">
                                <li class="fav">
                                <a href="http://dribbble.com/shots/1182699-LYNX-THE-ORIGNALS/fans" title="See fans of this screenshot">34</a>
                                </li>
                                <li class="cmnt">
                                <a href="http://dribbble.com/shots/1182699-LYNX-THE-ORIGNALS#comments" title="View comments on this screenshot">2</a>
                                </li>
                                <li class="views">920</li>
                            </ul>

                        </div>
                        <div class="extras">
                            <a href="http://dribbble.com/shots/1182699-LYNX-THE-ORIGNALS/rebounds">
                                <span original-title="This shot has rebounds." rel="tipsy" class="rebound-mark has-rebounds">
                                    0
                                </span>
                                </a>			<a href="http://dribbble.com/">
                                <span original-title="This shot is a rebound (reply) of another shot. The icon links to the original." rel="tipsy" class="rebound-mark is-rebound">
                                    <img alt="Rebound" src="/static/images/icon-rebound-2x.png" height="16" width="16">
                                </span>
                                </a>			<span original-title="This shot has attachments" rel="tipsy" class="attachments-mark">
                                <img alt="Attachments" src="/static/images/icon-attach-16-2x.png" height="16" width="16">
                            </span>
                        </div>
                    </div>

                    <h2>
                        <span class="attribution-user">
                            <a href="http://dribbble.com/STUDIOJQ" class="url" rel="contact" title="Jonathan Quintin"><img alt="Jonathan Quintin" class="photo" src="/static/images/SJQ_BEHANCE.jpg"> Jonathan Quintin</a>
                            <a href="http://dribbble.com/account/pro" class="badge-link">
                                <span class="badge badge-pro">Pro</span>
                            </a>
                        </span>
                    </h2>
                    </li>

                </ol>

                <script>
                    SHOTS = (typeof(SHOTS) == 'undefined') ? [] : SHOTS;
                    SHOTS = SHOTS.concat([{
                        id: 1182517,
                        created_at: 'August 04, 2013',
                        is_rebound: false,
                        rebounds_count: 0,
                        attachments_count: 0,
                        view_count: 1758,
                        comments_count: 2,
                        likes_count: 75,
                        commented_on: false,
                        comments_since_last_view: false,
                        liked: false,
                        liked_by_html: null
                        },{
                        id: 1182623,
                        created_at: 'August 04, 2013',
                        is_rebound: false,
                        rebounds_count: 0,
                        attachments_count: 1,
                        view_count: 1513,
                        comments_count: 1,
                        likes_count: 67,
                        commented_on: false,
                        comments_since_last_view: false,
                        liked: false,
                        liked_by_html: null
                        },{
                        id: 1182388,
                        created_at: 'August 03, 2013',
                        is_rebound: false,
                        rebounds_count: 0,
                        attachments_count: 0,
                        view_count: 5146,
                        comments_count: 21,
                        likes_count: 288,
                        commented_on: false,
                        comments_since_last_view: false,
                        liked: false,
                        liked_by_html: null
                        },{
                        id: 1182957,
                        created_at: 'August 04, 2013',
                        is_rebound: false,
                        rebounds_count: 0,
                        attachments_count: 0,
                        view_count: 427,
                        comments_count: 10,
                        likes_count: 51,
                        commented_on: false,
                        comments_since_last_view: false,
                        liked: false,
                        liked_by_html: null
                        },{
                        id: 1182899,
                        created_at: 'August 04, 2013',
                        is_rebound: true,
                        rebounds_count: 0,
                        attachments_count: 0,
                        view_count: 426,
                        comments_count: 7,
                        likes_count: 45,
                        commented_on: false,
                        comments_since_last_view: false,
                        liked: false,
                        liked_by_html: null
                        },{
                        id: 1182881,
                        created_at: 'August 04, 2013',
                        is_rebound: false,
                        rebounds_count: 0,
                        attachments_count: 0,
                        view_count: 895,
                        comments_count: 1,
                        likes_count: 50,
                        commented_on: false,
                        comments_since_last_view: false,
                        liked: false,
                        liked_by_html: null
                        },{
                        id: 1182999,
                        created_at: 'August 04, 2013',
                        is_rebound: true,
                        rebounds_count: 0,
                        attachments_count: 0,
                        view_count: 338,
                        comments_count: 7,
                        likes_count: 42,
                        commented_on: false,
                        comments_since_last_view: false,
                        liked: false,
                        liked_by_html: null
                        },{
                        id: 1183093,
                        created_at: 'August 04, 2013',
                        is_rebound: true,
                        rebounds_count: 0,
                        attachments_count: 0,
                        view_count: 244,
                        comments_count: 4,
                        likes_count: 35,
                        commented_on: false,
                        comments_since_last_view: false,
                        liked: false,
                        liked_by_html: null
                        },{
                        id: 1182555,
                        created_at: 'August 04, 2013',
                        is_rebound: false,
                        rebounds_count: 0,
                        attachments_count: 0,
                        view_count: 510,
                        comments_count: 6,
                        likes_count: 46,
                        commented_on: false,
                        comments_since_last_view: false,
                        liked: false,
                        liked_by_html: null
                        },{
                        id: 1182806,
                        created_at: 'August 04, 2013',
                        is_rebound: false,
                        rebounds_count: 0,
                        attachments_count: 0,
                        view_count: 318,
                        comments_count: 1,
                        likes_count: 41,
                        commented_on: false,
                        comments_since_last_view: false,
                        liked: false,
                        liked_by_html: null
                        },{
                        id: 1182670,
                        created_at: 'August 04, 2013',
                        is_rebound: false,
                        rebounds_count: 0,
                        attachments_count: 1,
                        view_count: 953,
                        comments_count: 5,
                        likes_count: 59,
                        commented_on: false,
                        comments_since_last_view: false,
                        liked: false,
                        liked_by_html: null
                        },{
                        id: 1182699,
                        created_at: 'August 04, 2013',
                        is_rebound: false,
                        rebounds_count: 0,
                        attachments_count: 0,
                        view_count: 920,
                        comments_count: 2,
                        likes_count: 34,
                        commented_on: false,
                        comments_since_last_view: false,
                        liked: false,
                        liked_by_html: null
                    }]);

                    SHOT_QUERY_STRING = '?list=popular';
                    PAGE_OFFSET = 12;
                </script>

                <a href="http://dribbble.com/shots/popular.rss" class="rss">发布相册</a>

                <div class="page">
                    <div class="pagination"><a class="previous_page" rel="prev start" href="http://dribbble.com/shots/popular?page=1">← 前一页</a> <a class="next_page" rel="next" href="http://dribbble.com/shots/popular?page=3">后一页 →</a></div>
                </div>


            </div> <!-- /main -->
            {% endblock %}

            <div class="secondary extra group">
                <div class="col-33 group">
                    <h3 class="tab"><a href="http://equipment.dribbble.com/">Equipment <span class="meta">Shop</span></a></h3>

                    <div class="equipment-pitch">
                        <a href="http://equipment.dribbble.com/">
                            <img alt="Dribbble-tee-2-100" src="/static/images/dribbble-tee-2-100.png" width="100">
                        </a>
                        <p class="copy">Threads and goods for designers like you. Grab a tee or three at our <strong><a href="http://equipment.dribbble.com/">official equipment shop</a></strong>.</p>
                    </div>
                </div>

                <div class="col-33 group">
                    <h3 class="tab">
                        <a href="http://dribbble.com/jobs">
                            Jobs <span class="meta">for Designers</span>
                    </a>		</h3>

                    <ul class="job-ads">
                        <li>
                        <div class="announce-btn announce-job">
                            <img alt="Pin-job-2x" src="/static/images/pin-job-2x.png" height="13" width="13">
                            <a href="http://dribbble.com/jobs/4593" target="_blank" title="posted July 30, 2013">
                                <span class="job-info">
                                    <strong class="title">
                                        <span class="employer">Lullabot</span> is hiring
                                    </strong>

                                    a
                                    <span class="position">Web Designer</span>
                                </span>

                                <span class="location">Anywhere</span>

                        </a></div>

                        </li>
                        <li>
                        <div class="announce-btn announce-job">
                            <img alt="Pin-job-2x" src="/static/images/pin-job-2x.png" height="13" width="13">
                            <a href="http://dribbble.com/jobs/4465" target="_blank" title="posted July 11, 2013">
                                <span class="job-info">
                                    <strong class="title">
                                        <span class="employer">Kettle</span> is hiring
                                    </strong>

                                    an
                                    <span class="position">Interface Designer</span>
                                </span>

                                <span class="location">New York</span>

                        </a></div>

                        </li>
                        <li>
                        <div class="announce-btn announce-job">
                            <img alt="Pin-job-2x" src="/static/images/pin-job-2x.png" height="13" width="13">
                            <a href="http://dribbble.com/jobs/4479" target="_blank" title="posted July 15, 2013">
                                <span class="job-info">
                                    <strong class="title">
                                        <span class="employer">BuzzFeed</span> is hiring
                                    </strong>

                                    a
                                    <span class="position">Web Designer</span>
                                </span>

                                <span class="location">Los Angeles</span>

                        </a></div>

                        </li>
                    </ul>

                </div>

                <div class="col-33 col-33-last group">
                    <h3 class="tab">
                        <a href="http://decknetwork.net/">Ads <span class="meta">via The Deck</span></a>
                    </h3>
                    <div class="ad thedeck target group">
                        <a href="http://decknetwork.net/" class="flag">Ads via The Deck</a>
                        <a href="http://www.threadless.com/riotfest/?utm_medium=social_cpc&amp;utm_source=decknetwork.net&amp;utm_campaign=RiotFest"><img class="ad" alt="Threadless" src="/static/images/threadless_riot.jpg" border="0" height="90" width="120"></a><p class="ads">Create the official t-shirt design for Riot Fest to <a href="http://www.threadless.com/riotfest/?utm_medium=social_cpc&amp;utm_source=decknetwork.net&amp;utm_campaign=RiotFest">win $2,000 cash and 2 VIP passes!</a></p></div>

                </div>
            </div> <!-- /secondary -->

        </div> <!-- /content -->

</div></div> <!-- /wrap -->

{% endblock %}

{% block endscript %}
    <script src="/static/js/list.js" type="text/javascript"></script>
{% endblock %}


